<template>
  <div slot="select04"
       class="select">
    <ul class="select-ul">
      <li class="select-li"
          v-for="(item,index) in msg"
          :key="index">
        <p>{{item.count}}/日</p>
        <ul class="sedlist">
          <li class="sedli"
              v-for="(item,index) in numlist1"
              :key="index">
            <span>{{item.num1}}</span>
            <span>{{item.firstname1}}</span>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: [
        { count: 1 },
        { count: 2 },
        { count: 3 },
        { count: 4 },
        { count: 5 },
        { count: 1 }
      ],
      numlist1: [
        { num1: 61, firstname1: '(陈小明)' },
        { num1: 51, firstname1: '(王小天)' },
        { num1: 61, firstname1: '(陈浩)' },
        { num1: 21, firstname1: '(周明明)' },
        { num1: 41, firstname1: '(吴敏敏)' },
        { num1: 21, firstname1: '(周明明)' }
      ]
    }
  }
}
</script>
<style lang="stylus" scoped>
.select
  padding 0.2rem 0.2rem 0 0.2rem
  width 100%
  .select-ul
    .select-li
      border-radius 0.1rem
      height 0.55rem
      line-height 0.55rem
      background-color #ebf2f5
      display flex
      margin-bottom 0.15rem
      padding-left 0.2rem
      p
        color #1090eb
        font-size 0.26rem
      .sedlist
        width 10.9rem
        margin-left 0.55rem
        display flex
        justify-content space-between
        .sedli
          span
            font-size 0.26rem
            // &:nth-of-type(1)
            // &:nth-of-type(2)
</style>
